<template>
  <page-view class="flex flex-col bg-gray-100">
    <title-bar>我的</title-bar>
    <div class="content-box flex-1 overflow-auto relative z-10">
      <div class="h-[190px] relative flex justify-center items-center">
        <img src="../assets/img/bg.png" class="w-full h-full object-cover absolute -z-10" alt="">
        <img src="../assets/img/avatar.jpg"
          class="w-[70px] h-[70px]  rounded-full border-2 border-solid border-white" alt="">
      </div>
      <div class="mt-[10px]">
        <van-cell title="我的订单" is-link url="https://github.com" />
        <van-cell title="退出登录" is-link to="index" />
      </div>
    </div>
  </page-view>
</template>
<script setup>
import titleBar from "../components/title-bar.vue";
</script>
<style scoped>
</style>